<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <meta content="yes" name="apple-mobile-web-app-capable"><!-- 这meta的作用就是删除默认的苹果工具栏和菜单栏允许全屏模式浏览-->
    <meta name="apple-touch-fullscreen" content="yes"><!-- 开启对web app程序的支持  -->
    <meta content="telephone=no,email=no" name="format-detection"><!-- iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号！telephone=no就忽略页面中的数字识别为电话号码 ,email=no 忽略识别邮箱 -->
    <!--base css-->
    <link rel="stylesheet" href="CSS/reset.css"/>
    <link rel="stylesheet" href="CSS/index.css"/>
    <link rel="stylesheet" href="FONT/iconfont.css"/>
    <!--base css end-->
    <!--base js-->
    <!--<meta content="yes" name="apple-mobile-web-app-capable">-->
    <script>
        window.scrollTo(0, 0);
    </script>
    <!--<meta content="yes" name="apple-mobile-web-app-capable"> end-->
    <script src="JS/reset.js"></script>
    <script src="JS/jquery.min.js"></script>
    <script src="JS/zepto.min.js"></script>
    <script src="JS/TouchSlide.js"></script>
    <script src="JS/notice.js"></script>
    <script src="JS/screen.js"></script>
    <script src="JS/back.js"></script>
    <!--base js end-->

    <!--no css-->
    <link rel="stylesheet" href="CSS/swiper.min.css"/>
    <!--no css end-->
    <!--no base js-->
    <script src="JS/swiper.min.js"></script>
    <script src="JS/denglu.js"></script>
    <script src="JS/kuaisudenglu.js"></script>
    <!--no base js end-->
    <!--no base css-->
    <style>
        .tabs{
            border-bottom: none;
        }
        .tabs a{
            border-right:1px solid #c8c8c8;
            height: auto;
            line-height: 0.359375rem;
            margin-top: 0.46875rem;
            margin-bottom: 0.46875rem;
        }
        .tabs a:last-child{
            border-right: none;
            width: 49%;
        }
        .tabs a.active{
            background: none;
            color: #1462c4;
        }
    </style>
    <!--no base css end-->

</head>
<body>
<!--wapper-->
<div class="wapper">
    <!--header-->
    <div class="header">
        <div class="header-list bag-1462c4">
            <div class="p-l-25 p-r-25 relative text-center f33">
                <a href="javascript:history.go(-1)" class="block"><i class="icon iconfont f-b">&#xe643;</i></a>
                <a href="{:U('Index/index')}" class="home"><i class="icon iconfont">&#xe61a;</i></a>
                <a href="javascript:;" class="text-fff">用户登录</a>
            </div>
        </div>
    </div>
    <!--header end-->
    <!--content-->
    <div class="content">
        <div class="denglu-list">

            <div class="page-tab">
                <div class="tabs">
                    <a href="#" class="active">普通登录</a>
                    <a href="#" >手机快速登录</a>
                </div>
                <!--灰-->
                <div class="hui"></div>
                <!--灰 end-->
                <div class="p-l-25 p-r-25">
                    <div id="tabs-container" class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="denglu">           
                           <!-- 登录 -->

                <form action="{:U('Index/login')}" method="post" class="dengluform">
                    <div class="dengluinput m-t-33 m-b-33">
                            <div class="denglutit">
                                <input type="text" class="dlphone" name="phone" placeholder="手机号"  id="user_phone"/>
                            </div>
                            <div class="denglutit">
                                <input type="password" name="pwd" placeholder="请输入密码" id="user_pass"/>
                            </div> 
                    </div>
                    <!-- <a href="" class="denglusub" onclick="toSubmit()">立即登录</a> -->
            <input type="submit" value="立即登录" style="border:none" class="dlusub">
                </form>

                                       <!-- 登录 END -->
                                    <div class="dengluzhu clearFloat m-t-27 m-b-27">
                                        <a href="{:U('Index/register')}" class="floatLeft text-1462c4">立即注册</a>
                                        <a href="{:U('Index/forget')}" class="floatRight">忘记密码</a>
                                    </div>
                                </div>
                            </div>

                            <!-- 手机快速注册 -->
                            <div class="swiper-slide">
                <div class="swiper-slide">
                    <div class="denglu">
                        <div class="dengluinput m-t-33 m-b-33">
                            <form action="{:U('Index/ks_login')}" method="post" >
                <div class="denglutit relative">
                <input type="text" name="phone" placeholder="手机号"  style="width: 67%" class="dlphone ksphone"/>
                <a href="javascript:;" class="huqu" >获取验证码</a>
                        </div>
                                <div class="denglutit">
                                    <input type="text" name="yanzheng" placeholder="请输入验证码"/>
                                </div>

                            
                        </div>
                        <style>
                        .sub{
                            border:none;
                        }
                        </style>
                        <!-- <a href="" class="denglusub" >立即登录</a> -->
                        <input type="submit" value="立即登录" class="dlusub sub">
                        <div class="dengluzhu clearFloat m-t-27 m-b-27">
                            <a href="{:U('Index/register')}" class="floatLeft text-1462c4">立即注册</a>
                            <a href="{:U('Index/forget')}" class="floatRight">忘记密码</a>
                        </div>
                    </div>
                    </form>
            </div>
            <script> 
             $(document).ready(function(){
                      $(".huqu").click(function(){
                        var value=$(".huqu").text();
                        var telphone=$('.ksphone').val();
                        var yanzhengma = $('.yzm').val();
                        //获取手机号，判断是否有此号码，有，则返回一个值1，否，返回2
                        if(value == "获取验证码" && telphone !=""){
                             $.post("{:U('Index/get_ks_login')}",{phone:telphone},function(data){});                    
                          }                                   
                       });

             });
            </script>

                        </div>
                    <!-- 手机快速注册 -->
                    </div>
                </div>

            </div>
            <script type="text/javascript">
                $(function(){
                    var tabsSwiper = new Swiper('#tabs-container',{
                        speed:500,
                        onSlideChangeStart: function(){
                            $(".tabs .active").removeClass('active')
                            $(".tabs a").eq(tabsSwiper.activeIndex).addClass('active')
                        }
                    })
                    $(".tabs a").on('touchstart mousedown',function(e){
                        e.preventDefault()
                        $(".tabs .active").removeClass('active')
                        $(this).addClass('active')
                        tabsSwiper.slideTo( $(this).index() )
                    })
                    $(".tabs a").click(function(e){
                        e.preventDefault()
                    })
                })
            </script>






        </div>

    </div>
  </div>
    <!--content end-->



</div>
<!--wapper end-->
</body>
</html>